import Vue from 'vue'
// 导入路由
import VueRouter from 'vue-router'

// 导入一个演示组件(以后改成导入我们自己准备好的组件)
import home from '../views/home'
import login from '../views/login'

// 安装路由
Vue.use(VueRouter)

// 创建路由规则
const routes = [

  // 以后也可以把这个演示的规则给删了，配置成我们自己想要的规则
  // 以后用/x访问home组件，路径是可以自己随便定义的
  // { path: '/x', component: home },
  // { path: '/b', component: login },
  // 建议路径要起名有意义,比如这个路径要访问首页
  // 建议路径就叫home或者叫index
  { path: '/home', component: home },
  { path: '/login', component: login },
]

// 实例化路由对象
const router = new VueRouter({
  // 使用规则
  routes,
  // 指定路由模式为history模式
  mode: 'history'
})

export default router
